<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	    <script type="text/javascript" src="../zxt/zxt.js"></script>
	    <script>
	    	importZXT("../zxt");
	    </script>
	    <script type="text/javascript" src="./CARD3.js"></script>	    	    
	</head>
	
	<body>  
				
		<div id="dGrid" style='overflow:auto;width:800px' zxt="zxt.ui.DataGrid" zxt.model="tmodel" zxt.selMode="1" zxt.editMode="3" zxt.start="0" zxt.limit="10" ></div>

		<div id="fieldset_up" zxt="zxt.ui.Fieldset" zxt.fixed="true" zxt.width="600px" zxt.title="卡片信息">

			<table border="2">
				<tr>
					<td>卡号：</td>
					<td><div id="CardID" zxt="zxt.ui.Cardidbox" zxt.required="true" zxt.tip="CardID"></div></td>
					<td>姓名：</td>
					<td><div id="Name" zxt="zxt.ui.Textbox" zxt.required="true"	zxt.tip="Your Name"></div></td>
				</tr>
				<tr>
					<td>余额：</td>
					<td><div id="Balance" zxt="zxt.ui.Textbox" zxt.required="true" zxt.tip="Balance"></div></td>
					<td>密码：</td>
					<td><div id="PassWord" zxt="zxt.ui.PasswordBox" zxt.required="true"	zxt.tip="密码"></div></td>
				</tr>
				<tr>
					<td>持有者类型：</td>
					<td><div id="OwnerType" zxt="zxt.ui.Select"	zxt.configFunc="configCategorySelect"></div></td>
					<td>办卡日期：</td>
					<td><div id="StartYear"></div></td>
				</tr>
				<tr>
					<td>积分计划</td>
					<td><div id="Integra" zxt="zxt.ui.Listbox" zxt.options="太阳计划:Sun,水星计划:Mercury,金星计划:Venus,地球计划:Earth,火星计划:Mars"></div></td>
				</tr>
			</table>
			<div id="New" zxt="zxt.ui.Button" zxt.label="new" zxt.text="新建"></div>
		
		</div>
	</body>
</html>

<script type="text/javascript">
	var date = new zxt.ui.Datebox();
	$("#StartYear").append(date.render());
	$zxt.regComponent("StartYear", date);
	
	$zxt.init();
</script>